<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="js/normalize.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
		
	</head>
	<body>
		<!--头部-->
		<div id="header"></div>
		
		<!--轮播图-->
		<div class="carousel">
			<div class="content">
				<img src="images/19.png" />
			</div>
		</div>
		
		<!--家用电脑-->
		
		<div class="content">
			<!--上-->
			<div class="home_up">
			<div class="home_left"><img src="images/home.png"/></div>
			<div class="home_center">家用电脑</div>
			<div class="home_right"><a href="#">更多>></a></div>
			</div>
			
			<!--下-->
			<div class="home_down">
				
				<div class="h_left">
					
					<div class="pic1">
						<img src="images/gg.png" />
						<ul class="stance">
							<li class="one">全高清3D平板</li>
							<li class="two">1399元送豪礼</li>
							<li class="three"><a href="#">了解详情<span class="tip"><img src="images/1.png"/></span></a></li>
						</ul>
					</div>
					
					<div class="pic1 pic2">
						<img src="images/18.jpg"/>
						<ul class="stance">
							<li class="one">笔记本电脑</li>
							<li class="two">1399元送豪礼</li>
							<li class="three"><a href="#">了解详情<span class="tip"><img src="images/1.png"/></span></a></li>
						</ul>
					</div>
					
					<div class="pic1 pic2">
						<img src="images/19.jpg"/>
						<ul class="stance">
							<li class="one">高清电视</li>
							<li class="two">1399元送豪礼</li>
							<li class="three"><a href="#">了解详情<span class="tip"><img src="images/1.png"/></span></a></li>
						</ul>
					</div>
					
					
					
				<ul class="points">
						<li></li>
						<li></li>
						<li class="yel"></li>
				</ul>
				</div>
					
				<div class="h_right">
					<ul>
						<li>
							<div class="h_up">
								<img src="images/little.png" />
								<p>HTC新渴望8系列 <span><a href="#">1899元</a></span></p>
							</div>
							<div class="h_down">
								<div class="pict">
								<img src="images/p.png" />
								</div>
								<div class="zi">
									<p class="h_a"><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
									<p class="h_b">￥<a href="#">149.00</a></p>
								</div>
							</div>
						</li>
						<li>
							<div class="h_up">
								<img src="images/little.png" />
								<p>HTC新渴望8系列 <span><a href="#">1899元</a></span></p>
							</div>
							<div class="h_down">
								<div class="pict">
								<img src="images/sx.png" />
								</div>
								<div class="zi">
									<p class="h_a"><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
									<p class="h_b">￥<a href="#">149.00</a></p>
									
								</div>
							</div>
						</li>
						<li>
							<div class="h_up">
								<img src="images/little.png" />
								<p>HTC新渴望8系列 <span><a href="#">1899元</a></span></p>
							</div>
							<div class="h_down">
								<div class="pict">
								<img src="images/ipad.png" />
								</div>
								<div class="zi">
									<p class="h_a"><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
									<p class="h_b">￥<a href="#">149.00</a></p>
									
								</div>
							</div>
						</li>
						<li>
							<div class="h_up">
								<img src="images/little.png" />
								<p>HTC新渴望8系列 <span><a href="#">1899元</a></span></p>
							</div>
							<div class="h_down">
								<div class="pict">
								<img src="images/Apple.png" />
								</div>
								<div class="zi">
									<p class="h_a"><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
									<p class="h_b">￥<a href="#">149.00</a></p>
									
								</div>
							</div>
						</li>
					</ul>
					
				</div>
				
			</div>
			
		</div>
		
		<!--食品酒水-->
		
		<div class="content">
			<!--上-->
			<div class="home_up">
			<div class="home_left"><img src="images/home.png"/></div>
			<div class="home_center">食品酒水</div>
			<div class="home_right"><a href="#">更多>></a></div>
			</div>
			
			<!--下-->
			<div class="home_down">
				
				<div class="h_left">
					
					<div class="pic1">
						<img src="images/g.png" />
						<ul class="stance">
							<li class="one">满99减20</li>
							<li class="two">三月美食狂想购</li>
							<li class="three"><a href="#">了解详情<span class="tip"><img src="images/1.png"/></span></a></li>
						</ul>
					</div>
					
					<div class="pic1 pic2">
						<img src="images/18.jpg"/>
						<ul class="stance">
							<li class="one">满99减30</li>
							<li class="two">三月美食狂想购</li>
							<li class="three"><a href="#">了解详情<span class="tip"><img src="images/1.png"/></span></a></li>
						</ul>
					</div>
					
					<div class="pic1 pic2">
						<img src="images/19.jpg"/>
						<ul class="stance">
							<li class="one">满99减80</li>
							<li class="two">三月美食狂想购</li>
							<li class="three"><a href="#">了解详情<span class="tip"><img src="images/1.png"/></span></a></li>
						</ul>
					</div>
					
					
					
				<ul class="points">
						<li></li>
						<li></li>
						<li class="yel"></li>
				</ul>
				</div>
					
				<div class="h_right">
					<ul>
						<li>
							<div class="h_up">
								<img src="images/sw.png" />
								<p>HTC新渴望8系列 <span><a href="#">1899元</a></span></p>
							</div>
							<div class="h_down">
								<div class="pict">
								<img src="images/kbt.png" />
								</div>
								<div class="zi">
									<p class="h_a"><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
									<p class="h_b">￥<a href="#">149.00</a></p>
									
								</div>
							</div>
						</li>
						<li>
							<div class="h_up">
								<img src="images/sw.png" />
								<p>HTC新渴望8系列 <span><a href="#">1899元</a></span></p>
							</div>
							<div class="h_down">
								<div class="pict">
								<img src="images/kbt.png" />
								</div>
								
								<div class="zi">
									<p class="h_a"><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
									<p class="h_b">￥<a href="#">149.00</a></p>
									
								</div>
							</div>
						</li>
						<li>
							<div class="h_up">
								<img src="images/sw.png" />
								<p>HTC新渴望8系列 <span><a href="#">1899元</a></span></p>
							</div>
							<div class="h_down">
								<div class="pict">
								<img src="images/kbt.png" />
								</div>
								<div class="zi">
									<p class="h_a"><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
									<p class="h_b">￥<a href="#">149.00</a></p>
									
								</div>
							</div>
						</li>
						<li>
							<div class="h_up">
								<img src="images/sw.png" />
								<p>HTC新渴望8系列 <span><a href="#">1899元</a></span></p>
							</div>
							<div class="h_down">
								<div class="pict">
								<img src="images/kbt.png" />
							    </div>
								<div class="zi">
									<p class="h_a"><a href="#">NFC技术一碰轻松配对！接触屏幕</a></p>
									<p class="h_b">￥<a href="#">149.00</a></p>
									
								</div>
							</div>
						</li>
					</ul>
					
				</div>
				
			</div>
			
		</div>
		
		
		
		<!--底部-->
		<div id="footer"></div>
		
		
		<script type="text/javascript">
		
		
		$(document).ready(function(){
			// 头部 和 底部 JS加载 
			$("#header").load("header.html");
			$("#footer").load("footer.html");
			
			// 左侧小轮播图
			
			var images =$(".h_left .pic1");

			var imageCount = images.length/2;
			var currentIndex = 1
			
			setInterval(function(){
				
				//轮播图
				images[(currentIndex+imageCount-1)%imageCount].style.display = "none";
				images[currentIndex].style.display = "block";
				currentIndex = (currentIndex+1)%imageCount;
				
				//点
               
							
			},2000);			
 
			
			
		});
			
		</script>
	</body>
</html>
